<template>
    <div class="box">
        <header class="hade">
            <figure class="xiaotu">
                <img :src="imgUrl" alt="">
            </figure>  
            <input type="text" placeholder="百货迎新 不知5折">
            <span class=" icon iconfont icon-cart-2"></span>
            <p>登录</p>
        </header>
        <figure class="tu">
            <swiper :options="swiperOption01" ref="mySwiper" class="swpr">
                <swiper-slide class="wpr">
                    <img src="//gfs8.gomein.net.cn/T13zLgB7DT1RCvBVdK.jpg">   
                </swiper-slide>
                <swiper-slide class="wpr">
                    <img src="//gfs6.gomein.net.cn/T1gNDjB7dT1RCvBVdK.jpg">   
                </swiper-slide>
                <swiper-slide class="wpr">
                    <img src="//gfs5.gomein.net.cn/T1drdgB7hT1RCvBVdK.jpg">   
                </swiper-slide>
                <swiper-slide class="wpr">
                    <img src="//gfs6.gomein.net.cn/T1Z7LgB7DT1RCvBVdK.jpg">   
                </swiper-slide>
                 <swiper-slide class="wpr">
                    <img src="//gfs7.gomein.net.cn/T1MydgBKdT1RCvBVdK.jpg">   
                </swiper-slide>
                 <swiper-slide class="wpr">
                    <img src="//gfs5.gomein.net.cn/T1mxZ_B7xT1RCvBVdK.jpg">   
                </swiper-slide>
                 <swiper-slide class="wpr">
                    <img src="//gfs5.gomein.net.cn/T1uabQBQWT1RCvBVdK.jpg">   
                </swiper-slide>
                
                <!-- Optional controls -->
               <div class="swiper-pagination"  slot="pagination"></div>
               <div class="swiper-scrollbar"   slot="scrollbar"></div>              
            </swiper>
        </figure> 
        <article class="fenlei">
            <dl v-for="(v,i) in list" :key="i">
                <dt>
                   <img :src="v.ziti" alt="">
                </dt>
                <dd>{{v.name}}</dd>  
            </dl>
        </article>
        <figure class="yuantu">
            <img :src="imgUrls" alt="">
        </figure> 
        <section class="toutiao">
            <div class="left">
                <p>{{guo}}</p>
                <span>{{guo1}}</span>
                <span>{{guo2}}</span>
            </div>
            <div class="right">
                <swiper :options="swiperOption02" ref="mySwiper" class="swpd">
                    <swiper-slide class="wprd" v-for="(a,b) in banns" :key="b">
                         <p>{{a.wenzi}}</p>
                         <h6>{{a.wenzis}}</h6>
                    </swiper-slide>             
                </swiper>
            </div>
        </section>
        <section class="timu">
           <div class="tileft">
               <p>8点场</p>
           </div>
           <div class="tiright">
               <p>秒抢好货</p>
               <span class="iconfont icon-mjiantou"></span>
           </div>
        </section>
        <section class="qiehuan">
            <swiper :options="swiperOption03" ref="mySwiper" class="swpqh">
                <swiper-slide class="wprd" v-for="(c,d) in bamar" :key="d">
                        <img :src="c.imgFr" alt="">
                        <p>{{c.wz}}</p>
                        <h6>{{c.wzs}}</h6>
                </swiper-slide>             
            </swiper>
        </section>
        <section class="zhuan">
            <div class="zhuanLeft">
                <h2>{{dazi}}</h2>
                 <swiper :options="swiperOption04" ref="mySwiper" class="swpzh">
                    <swiper-slide class="wpzh" v-for="(m,g) in zhn" :key="g"> 
                        <h6>{{m.mig}}</h6>
                        <p>{{m.ja}}</p>                
                        <img :src="m.imgFr" alt="">

                        <div class="dingwei">
                            <h5>{{m.sheng}}</h5>  
                        </div> 

                    </swiper-slide>             
                </swiper>
               
            </div>
            <div class="zhuanRight">
                <div class="shanghe">
                    <figcaption class="fcp">
                        <h4>值得买</h4>
                        <p>佳洁士草本水晶牙膏</p>
                        <span>￥5.9</span>
                    </figcaption>
                    <figure class="fig">
                        <img src="//gfs17.gomein.net.cn/T1vcZTB4VT1RCvBVdK_160.jpg" alt="">
                    </figure>
                </div>
                <div class="xiahe">
                    <div class="hyi">
                        <h4>排行榜</h4>
                        <p>必买尖儿货</p>
                        <figure class="xtu">
                            <img src="//gfs10.gomein.net.cn/T1KIETByL_1RCvBVdK_160.jpg" alt="">
                        </figure>
                    </div>
                    <div class="her">
                        <h4>团购</h4>
                        <p>火拼价更低</p>
                        <figure class="xtu">
                            <img src="//gfs17.gomein.net.cn/T1UcKvBmLX1RCvBVdK_160.jpg" alt="">
                        </figure>
                    </div>
                </div>
            </div>
        </section>
        <section class="santu">
           <figure class="tufig">
               <img src="//gfs7.gomein.net.cn/T1cTdgBKCT1RCvBVdK.jpg" alt="">
           </figure>
           <figure class="bufig">
               <img src="//gfs7.gomein.net.cn/T1_iV_BKDT1RCvBVdK.jpg" alt="">
               <img src="//gfs8.gomein.net.cn/T1VmhgByCv1RCvBVdK.jpg" alt="">
           </figure>
        </section>
        <figcaption class="remen">
          <img src="//gfs6.gomein.net.cn/T1duDvB4_T1RCvBVdK.png" alt="">
        </figcaption>
        <section class="zuohua">
            <swiper :options="swiperOption05" ref="mySwiper" class="swpzhua">
                <swiper-slide class="wzzhua" v-for="(l,h) in bluoa" :key="h">
                    <img :src="l.imgFfg" alt="">
                    <div class="wzxah">
                        <h6>{{l.wzft}}</h6>
                        <p>{{l.wzstr}}
                            <span>{{l.hua}}</span>
                        </p>
                    </div>                   
                </swiper-slide>             
            </swiper>
        </section>
        <section class="zuozi">
         <div class="zixuan" v-for="(r,t) in tts" :key="t">
              <div class="ziLeft">
                  <h5>{{r.jieauan}}</h5>
                  <h6>{{r.jiedauns}}</h6>
                  <p>{{r.jiesiiqw}}
                      <span>
                        <i>
                            <img :src="r.jieklop" alt="">
                        </i>
                        {{r.jielo}}</span>
                  </p>
              </div>
              <div class="ziRight">
                  <img :src="r.jieimg" alt="">
              </div>
         </div>


        </section>
        <figcaption class="imgtimu">
            <img src="//gfs9.gomein.net.cn/T179C_B7dT1RCvBVdK.png" alt="">
            <div class="imgyou">
                <p>单单抽奖</p>
                <span class="iconfont icon-mjiantou"></span>
            </div>
        </figcaption>
        <article class="caise">
            <div class="caiLeft">
               <img src="//gfs6.gomein.net.cn/T1sDb_B5KT1RCvBVdK.jpg" alt="">
            </div>
            <div class="caiRight">
                <p><img src="//gfs9.gomein.net.cn/T1RbEvBCET1RCvBVdK.jpg" alt=""></p>
                <h6><img src="//gfs5.gomein.net.cn/T1EJCbBjdT1RCvBVdK.jpg" alt=""></h6>
            </div>
        </article>
        <article class="caixia">
            <div class="xiaLeft">
                <p><img src="//gfs5.gomein.net.cn/T1JCA_BKET1RCvBVdK.jpg" alt=""></p>
                <h6><img src="//gfs5.gomein.net.cn/T13fdjBmWT1RCvBVdK.jpg" alt=""></h6>   
            </div>
            <div class="xiaRight">
                <p><img src="//gfs5.gomein.net.cn/T1SQZ_BCYT1RCvBVdK.jpg" alt=""></p>
                <h6><img src="//gfs9.gomein.net.cn/T1rrJ_B7AT1RCvBVdK.jpg" alt=""></h6>  
            </div> 
        </article> 
        <section class="sanLuntu">
             <swiper :options="swiperOption06" ref="mySwiper" class="swprLy">
                <swiper-slide class="wprLy">
                    <img src="//gfs6.gomein.net.cn/T1RAKgB4xT1RCvBVdK.png">   
                </swiper-slide>
                <swiper-slide class="wprLy">
                    <img src="//gfs7.gomein.net.cn/T1rMAgBKdT1RCvBVdK.png">   
                </swiper-slide>
                <swiper-slide class="wprLy">
                    <img src="//gfs7.gomein.net.cn/T1l2xbBgKT1RCvBVdK.png">   
                </swiper-slide>
            
                <!-- Optional controls -->
               <div class="swiper-pagination"  slot="pagination"></div>
               <div class="swiper-scrollbar"   slot="scrollbar"></div>              
            </swiper> 
        </section>
        <figcaption class="zhuanqu">
            <img src="//gfs7.gomein.net.cn/T1yxDvB7ZT1RCvBVdK.png" alt="">
            <div class="zhuanRight">
                <p>返利攻略</p>
                <span class="iconfont icon-mjiantou"></span>
            </div>
        </figcaption>
        <figure class="haohuo">
            <img src="//gfs5.gomein.net.cn/T1HvJgB__T1RCvBVdK.jpg" alt="">
        </figure>
        <figcaption class="zhutijie">
            <img src="//gfs6.gomein.net.cn/T1fNE_B7ZT1RCvBVdK.png" alt="">
        </figcaption>
        <figure class="liugetu">
            <ul>
                <li><img src="//gfs8.gomein.net.cn/T1zrKgB7xT1RCvBVdK.jpg" alt=""></li>
                <li><img src="//gfs6.gomein.net.cn/T1p2xjBKET1RCvBVdK.jpg" alt=""></li>
                <li><img src="//gfs8.gomein.net.cn/T1yobgB7WT1RCvBVdK.jpg" alt=""></li>
                <li><img src="//gfs7.gomein.net.cn/T1TJWbBmKT1RCvBVdK.jpg" alt=""></li>
                <li><img src="//gfs7.gomein.net.cn/T1fLhgB4ZT1RCvBVdK.jpg" alt=""></li>
                <li><img src="//gfs7.gomein.net.cn/T1iPYgBQhT1RCvBVdK.jpg" alt=""></li>
            </ul>
        </figure>
        <figcaption class="jiadian">
            <img src="//gfs8.gomein.net.cn/T1dUVjB7dT1RCvBVdK.png" alt="">
        </figcaption>
        <section class="jiadianyi">
            <div class="jiaTop">
                <p><img src="//gfs6.gomein.net.cn/T1.1bvBmET1RCvBVdK.jpg" alt=""></p>
                <h6><img src="//gfs6.gomein.net.cn/T1P.JgB7dT1RCvBVdK.jpg" alt=""></h6>
            </div>
            <ul>
                <li><img src="//gfs5.gomein.net.cn/T1TlVgBKxT1RCvBVdK.jpg" alt=""></li>
                <li><img src="//gfs5.gomein.net.cn/T1vxKQBjxT1RCvBVdK.jpg" alt=""></li>
                <li><img src="//gfs6.gomein.net.cn/T1AXWjB4DT1RCvBVdK.jpg" alt=""></li>
                <li><img src="//gfs7.gomein.net.cn/T1UPZ_BvhT1RCvBVdK.jpg" alt=""></li>
            </ul>
        </section>
        <figcaption class="pinshenghuo">
            <img src="//gfs9.gomein.net.cn/T1cKAjB7hT1RCvBVdK.png" alt="">
        </figcaption>
        <section class="_pin">
            <figure class="fgmgLf">
                <img src="//gfs8.gomein.net.cn/T1x3xjBXVT1RCvBVdK.jpg" alt="">
                <img src="//gfs6.gomein.net.cn/T1eO_gB5CT1RCvBVdK.jpg" alt="">
            </figure>
            <figure class="fgmgRg">
                <img src="//gfs5.gomein.net.cn/T13qEQBKdT1RCvBVdK.jpg" alt="">
                <img src="//gfs7.gomein.net.cn/T1vPd_BXYT1RCvBVdK.jpg" alt="">
            </figure>
        </section>
        <figure class="shxiatu">
            <ul>
                <li>
                    <i><img src="//gfs5.gomein.net.cn/T14PJ_BXLT1RCvBVdK.jpg" alt=""></i>
                    <span><img src="//gfs5.gomein.net.cn/T1HSZgB5LT1RCvBVdK.jpg" alt=""></span>
                </li>
                <li>
                    <i><img src="//gfs7.gomein.net.cn/T1AMZ_BC_T1RCvBVdK.jpg" alt=""></i>
                    <span><img src="//gfs6.gomein.net.cn/T18wA_B7WT1RCvBVdK.jpg" alt=""></span>
                </li>
               <li>
                    <i><img src="//gfs8.gomein.net.cn/T1LsxgB7hT1RCvBVdK.jpg" alt=""></i>
                    <span><img src="//gfs6.gomein.net.cn/T1HCZgB4_T1RCvBVdK.jpg" alt=""></span>
                </li>
                <li>
                    <i><img src="//gfs8.gomein.net.cn/T1bWbjBs_T1RCvBVdK.jpg" alt=""></i>
                    <span><img src="//gfs5.gomein.net.cn/T1_rJ_BXCT1RCvBVdK.jpg" alt=""></span>
                </li>
            </ul>
        </figure>
        <figure class="lunbo2">
             <swiper :options="swiperOption07" ref="mySwiper" class="splb">
                <swiper-slide class="splbg">
                    <img src="//gfs9.gomein.net.cn/T1SIEjBKdT1RCvBVdK.png">   
                </swiper-slide>
                <swiper-slide class="splbg">
                    <img src="//gfs8.gomein.net.cn/T1voCgB4ZT1RCvBVdK.png">   
                </swiper-slide>
                <swiper-slide class="splbg">
                    <img src="//gfs8.gomein.net.cn/T1D5_gBKhT1RCvBVdK.png">   
                </swiper-slide>
    
                <!-- Optional controls -->
               <div class="swiper-pagination"  slot="pagination"></div>
               <div class="swiper-scrollbar"   slot="scrollbar"></div>              
            </swiper>
        </figure>
        <figure class="jrlc">
            <img src="//gfs7.gomein.net.cn/T1DMZ_B7DT1RCvBVdK.png" alt="">
        </figure>
        <section class="lctu">
            <figure class="lclet">
                <img src="//gfs5.gomein.net.cn/T1YiLjBmAT1RCvBVdK.jpg" alt="">
            </figure>
            <figure class="lcrigt">
                <p>
                    <img src="//gfs2.gomein.net.cn/T1G5ZvBsLQ1RCvBVdK.jpg" alt="">
                </p>
                 <p>
                    <img src="//gfs6.gomein.net.cn/T1MSWTB7JT1RCvBVdK.png" alt="">
                </p>
                 <p>
                    <img src="//gfs8.gomein.net.cn/T1xGJbB7hT1RCvBVdK.jpg" alt="">
                </p>
                 <p>
                    <img src="//gfs6.gomein.net.cn/T1pS_TBgWg1RCvBVdK.png" alt="">
                </p>
            </figure>
        </section>
        <figure class="hdtj">
            <img src="//gfs5.gomein.net.cn/T1.TAjB7xT1RCvBVdK.png" alt="">
            <span class="iconfont icon-mjiantou"></span>
        </figure>
        <section class="jzjc">
            <div class="jzjcLft">
                <figcaption>家装建材</figcaption>
               <ul>
                   <li class="lisLeft">
                       <img src="//gfs17.gomein.net.cn/T1DcbTBjhv1RCvBVdK_210.jpg" alt="">
                   </li>
                   <li class="listRt">
                       <img src="//gfs17.gomein.net.cn/T16KbTB7Jv1RCvBVdK_210.jpg" alt="">
                       <img src="//gfs17.gomein.net.cn/T1vjYTBmhv1RCvBVdK_210.jpg" alt="">
                   </li>
               </ul>
                <p>2.2万人在线逛</p>
            </div>
            <div class="jzjcRigt">
                <figcaption>家装建材</figcaption>
                <figure>
                    <img src="//gfs17.gomein.net.cn/T1aKDTBbLT1RCvBVdK_210.jpg" alt="">
                </figure>
                <p>6732在线逛</p>
            </div>
        </section>
        <figure class="yuanli">
            <div class="yuanliLft">
                 <img src="//gfs5.gomein.net.cn/T1ZAY_B5bT1RCvBVdK.png" alt="">
            </div>
            <div class="yuanliRight">
                 <img src="//gfs8.gomein.net.cn/T1CDDjBQJT1RCvBVdK.jpg" alt="">
            </div>
           
        </figure>
        <figcaption class="xhbt">
            <h4>你可能喜欢</h4>
        </figcaption>
        <section class="xuanranXJ">
            <dl v-for="(q,w) in sjxr" :key="w">
                <dt>
                    <img :src="q.sjtu" alt="">
                </dt>
                <dd class="ddwenzi">{{q.sjming}}</dd>
                <dd class="ddjg">
                    <span>{{q.sjjg}}</span>
                    {{q.sjjgshu}}</dd>
            </dl>
        </section>

     

     
    </div>
</template>
<script>
    export default {
        data() {
            return { 
                imgUrl: '//css.gomein.net.cn/plus/style/index/images/grass_logo.png?v=2017092001',
                banners: [
                    {  
                    'imgs': '//gfs8.gomein.net.cn/T13zLgB7DT1RCvBVdK.jpg'  
                    },
                    {  
                    'imgs': '//gfs6.gomein.net.cn/T1gNDjB7dT1RCvBVdK.jpg'  
                    }, 
                    {  
                    'imgs': '//gfs5.gomein.net.cn/T1drdgB7hT1RCvBVdK.jpg'  
                    },
                    {  
                    'imgs': '//gfs6.gomein.net.cn/T1Z7LgB7DT1RCvBVdK.jpg'  
                    },
                    {  
                    'imgs': '//gfs7.gomein.net.cn/T1MydgBKdT1RCvBVdK.jpg'  
                    },
                    {  
                    'imgs': '//gfs5.gomein.net.cn/T1mxZ_B7xT1RCvBVdK.jpg'  
                    },
                    {  
                    'imgs': '//gfs5.gomein.net.cn/T1uabQBQWT1RCvBVdK.jpg'  
                    }
                ],
                swiperOption01: {
                    loop: true,
                    autoplay:true,
                    pagination: {
                        el: '.swiper-pagination'
                    },
                // some swiper options...
                },
                list:[
                    {
                        ziti: '//gfs5.gomein.net.cn/T1KPxvBsbQ1RCvBVdK.png',
                        name: '分类'
                    },
                    {
                        ziti: '//gfs7.gomein.net.cn/T1Gv_vB4bT1RCvBVdK.png',
                        name: '充值中心'
                    },
                    {
                        ziti: '//gfs7.gomein.net.cn/T1gGZvB4YQ1RCvBVdK.png',
                        name: '手机数码'
                    },
                    {
                        ziti: '//gfs6.gomein.net.cn/T1XIYvBXbg1RCvBVdK.png',
                        name: '领卷中心'
                    },
                    {
                        ziti: '//gfs6.gomein.net.cn/T1rIdvBjKj1RCvBVdK.png',
                        name: '电器商城'
                    },
                    {
                        ziti: '//gfs6.gomein.net.cn/T1DIYvBsbg1RCvBVdK.png',
                        name: '金融理财'
                    },
                    {
                        ziti: '//gfs8.gomein.net.cn/T1rGDvBCLj1RCvBVdK.png',
                        name: '国美超市'
                    },
                    {
                        ziti: '//gfs8.gomein.net.cn/T1UvKvBvdv1RCvBVdK.png',
                        name: '家居家装'
                    },
                    {
                        ziti: '//gfs6.gomein.net.cn/T1uvDvB5Ej1RCvBVdK.png',
                        name: '国美管家'
                    },
                    {
                        ziti: '//gfs8.gomein.net.cn/T1seWvBXEQ1RCvBVdK.png',
                        name: '我的'
                    }
                ],
                imgUrls: '//gfs6.gomein.net.cn/T1brbQBK_T1RCvBVdK.gif',
                guo: '国美',
                guo1: '头',
                guo2: '条',
                banns: [
                    {  
                     wenzi: '手机购',
                     wenzis: '国美年货节  海量优惠提前抢'
                    },
                    {  
                     wenzi: '新手理财',
                     wenzis: '返现15元  送188大礼包'
                    },
                    {  
                     wenzi: '加剧推荐',
                     wenzis: '家装换新  热卖精选 满99减20'
                    }
                   
                ],
                swiperOption02: {
                    loop: true,
                    direction : 'vertical',
                     autoplay: {
                        delay: 1000,
                    },
                    pagination: {
                        el: '.swiper-pagination'
                    },
                // some swiper options...
                },
                bamar: [
                    {
                     imgFr: '//gfs17.gomein.net.cn/T1Zc_vB4Kj1RCvBVdK_160.jpg',
                     wz: '￥36.9',
                     wzs: '剩余42件'
                    },
                    {
                     imgFr: '//gfs17.gomein.net.cn/T1umYvBbWb1RCvBVdK_160.jpg',
                     wz: '￥59.9',
                     wzs: '剩余77件'
                    },
                    {
                     imgFr: '//gfs17.gomein.net.cn/T1rwK_BKCT1RCvBVdK_160.jpg',
                     wz: '￥9.9',
                     wzs: '剩余300件'
                    },
                    {
                     imgFr: '//gfs17.gomein.net.cn/T1QGEvBjZj1RCvBVdK_160.jpg',
                     wz: '￥9.9',
                     wzs: '剩余343件'
                    },
                    {
                     imgFr: '//gfs17.gomein.net.cn/T1adZjBCLT1RCvBVdK_160.jpg',
                     wz: '￥19.9',
                     wzs: '剩余20件'
                    },
                    {
                     imgFr: '//gfs17.gomein.net.cn/T1HwdTByJs1RCvBVdK_160.jpg',
                     wz: '￥109',
                     wzs: '剩余50件'
                    },
                    {
                     imgFr: '//gfs17.gomein.net.cn/T1s6AvBvbT1RCvBVdK_160.jpg',
                     wz: '￥69.9',
                     wzs: '剩余100件'
                    },
                    {
                     imgFr: '//gfs17.gomein.net.cn/T1SbdbBmET1RCvBVdK_160.jpg',
                     wz: '￥9.9',
                     wzs: '剩余19件'
                    },
                    {
                     imgFr: '//gfs17.gomein.net.cn/T17sWQB5WT1RCvBVdK_160.jpg',
                     wz: '￥9.9',
                     wzs: '剩余100件'
                    },
                    {
                     imgFr: '//gfs17.gomein.net.cn/T1.3LjB5KT1RCvBVdK_160.jpg',
                     wz: '￥13.9',
                     wzs: '剩余20件'
                    },
                    {
                     imgFr: '//gfs17.gomein.net.cn/T1OhdvBsZ_1RCvBVdK_160.jpg',
                     wz: '￥9.8',
                     wzs: '剩余60件'
                    },
                    {
                     imgFr: '//gfs17.gomein.net.cn/T1whK_B5KT1RCvBVdK_160.jpg',
                     wz: '￥19.9',
                     wzs: '剩余39件'
                    }
                   
                ],
                swiperOption03: {
                    slidesPerView : 4,
                    pagination: {
                        el: '.swiper-pagination'
                    },
                // some swiper options...
                },
                dazi: '掌上专享',
                zhn: [
                    {    
                        mig: '格力2600W电热油汀(13片)',
                        ja: '￥299',
                        imgFr: '//gfs17.gomein.net.cn/T1eoKTBgAT1RCvBVdK_160.jpg',
                        sheng: '比网站省20元'
                    },
                    {
                        mig: '海尔8公斤 波轮洗衣机999',
                        ja: '¥999',
                        imgFr: '//gfs17.gomein.net.cn/T12LCvBTD_1RCvBVdK_160.jpg',
                        sheng: '比网站省48元'
                    },
                    {
                        mig: '【30颗包邮】猕猴桃陕西特产绿心奇异果',
                        ja: '¥29.9',
                        imgFr: '//gfs17.gomein.net.cn/T1mD_vBgKT1RCvBVdK_160.jpg',
                        sheng: '比网站省3.3元'
                    },
                    {
                        mig: '海尔(Haier) LE32A30G 32英寸智能电视',
                        ja: '¥1088',
                        imgFr: '//gfs17.gomein.net.cn/T1q4Z_BbET1RCvBVdK_160.jpg',
                        sheng: '比网站省50元'
                    },
                    {
                        mig: '汽车用加大加宽牛筋雪铲',
                        ja: '￥19.9',
                        imgFr: '//gfs17.gomein.net.cn/T13gEvBsWj1RCvBVdK_160.jpg',
                        sheng: '比网站省2.8元'
                    },
                   
                ],
                swiperOption04: {
                    loop: true,
                    autoplay: true,
                    effect: 'fade',
                    pagination: {
                        el: '.swiper-pagination',
                    },
             
                },
                bluoa: [
                    {
                     imgFfg: '//gfs12.gomein.net.cn/T1YwZTB_hj1RXrhCrK_c126_126.jpg',
                     wzft: '伟霆ForU',
                     wzstr: '成员1291 ',
                     hua: '话题414'
                    },
                    {
                     imgFfg: '//gfs15.gomein.net.cn/T1U7ZvB7hg1RCvBVdK_c126_126.jpg',
                     wzft: '官方实用中心',
                     wzstr: '成员4650',
                     hua: '话题633'
                    },
                    {
                     imgFfg: '//gfs13.gomein.net.cn/T1XzbTB5_T1RXrhCrK_c126_126.jpg',
                     wzft: '这是要搞事情啊',
                     wzstr: '成员1365',
                     hua: '话题5343'
                    },
                    {
                     imgFfg: '//gfs11.gomein.net.cn/T1JXETByAT1R4cSCrK_c126_126.png',
                     wzft: '美妆',
                     wzstr: '成员1021',
                     hua: '话题12312'
                    },
                    {
                     imgFfg: '//gfs10.gomein.net.cn/T1CRVTByVT1R4cSCrK_c126_126.png',
                     wzft: '服装搭配小技巧',
                     wzstr: '成员322',
                     hua: '话题4832'
                    },
                    {
                     imgFfg: '//gfs13.gomein.net.cn/T1TtCTBmZT1R4cSCrK_c126_126.png',
                     wzft: '家居设计馆',
                     wzstr: '成员800',
                     hua: '话题6552'
                    },
                    {
                     imgFfg: '//gfs11.gomein.net.cn/T1VydTBvxT1R4cSCrK_c126_126.png',
                     wzft: '秘制烘焙',
                     wzstr: '成员6454',
                     hua: '话题3771'
                    },
                    {
                     imgFfg: '//gfs12.gomein.net.cn/T1UvVTB7_g1RXrhCrK_c126_126.jpg',
                     wzft: '数码的世界',
                     wzstr: '成员1043',
                     hua: '话题534'
                    },
                    {
                     imgFfg: '//gfs16.gomein.net.cn/T1PADvB_hg1RCvBVdK_c126_126.jpg',
                     wzft: '国美活动大本营',
                     wzstr: '成员4322',
                     hua: '话题533'
                    },
                    {
                     imgFfg: '//gfs12.gomein.net.cn/T1CaVTByVT1R4cSCrK_c126_126.png',
                     wzft: '美味甜品',
                     wzstr: '成员652',
                     hua: '话题3211'
                    }
              
                ],
                swiperOption05: {
                    slidesPerView : 2.3,
                    pagination: {
                        el: '.swiper-pagination'
                    },
                // some swiper options...
                },
                tts: [
                    {
                        jieauan: '阶梯返利2-分享最高赚百元现金',
                        jiedauns: '注：此活动内容与苹果公司、apple inc 无关',
                        jiesiiqw: '来自圈子：国美活动大本营  ',
                        jieklop: '//css.gomein.net.cn/plus/style/index/images/reply-icon.png?v=2017092001',
                        jielo: '3',
                        jieimg: '//gfs11.gomein.net.cn/T13sY_BjCT1RCvBVdK_c126_126.jpg'
                    },
                    {
                        jieauan: '试用090期：刷出好气色',
                        jiesiiqw: '来自圈子：官方试用中心    ',
                        jieklop: '//css.gomein.net.cn/plus/style/index/images/reply-icon.png?v=2017092001',
                        jielo: '88',
                        jieimg: '//gfs10.gomein.net.cn/T1JxdjBgAT1RCvBVdK_c126_126.jpg'
                    }
                ],
                swiperOption06: {
                    loop: true,
                    autoplay:true,
                    pagination: {
                        el: '.swiper-pagination'
                    },
                // some swiper options...
                },
                swiperOption07: {
                    loop: true,
                    autoplay:true,
                    pagination: {
                        el: '.swiper-pagination'
                    },
                // some swiper options...
                },
                sjxr: [
                    {
                        sjtu: "//gfs17.gomein.net.cn/T1ikdTBmVv1RCvBVdK_360.jpg",
                        sjming: "美的b洗碗机WQP8-3905-CN家用全自动除菌商用嵌入式带消",
                        sjjg: "￥",
                        sjjgshu: "3098.00"
                    },
                    {
                        sjtu: "//gfs17.gomein.net.cn/T1AIC_B4xT1RCvBVdK_260.jpg",
                        sjming: "沁园智能节水纯水机QR-RF-406B家用厨房反渗透除垢直饮净水器",
                        sjjg: "￥",
                        sjjgshu: "1596.00"
                    },
                    {
                        sjtu: "//gfs17.gomein.net.cn/T1YM_TB_hv1RCvBVdK_260.jpg",
                        sjming: "耳宝/earbaby 长键无线蓝牙耳机4.0挂耳、耳塞式迷你商务运动听歌通用(黑)",
                        sjjg: "￥",
                        sjjgshu: "32.00"
                    },
                    {
                        sjtu: "//gfs17.gomein.net.cn/T1_5EvB7Wj1RCvBVdK_260.jpg",
                        sjming: "洛尚2017夏新款凉鞋女坡跟厚底休闲女鞋中跟防滑沙滩鞋搭扣凉拖鞋女鞋",
                        sjjg: "￥",
                        sjjgshu: "99.00"
                    },
                    {
                        sjtu: "//gfs17.gomein.net.cn/T1O5EvBTDv1RCvBVdK_360.jpg",
                        sjming: "大盛公羊2017夏季新款软底百搭孕妇平跟学生凉鞋防滑真皮简约平底凉鞋女鞋",
                        sjjg: "￥",
                        sjjgshu: "89.00"
                    },
                    {
                        sjtu: "//gfs17.gomein.net.cn/T1PmWvB7_g1RCvBVdK_260.jpg",
                        sjming: "箭牌静音虹吸连体坐便器AB1116+实木浴室柜AE2502+箭牌全铜龙头主体..",
                        sjjg: "￥",
                        sjjgshu: "2739.00"
                    },
                    {
                        sjtu: "//gfs17.gomein.net.cn/T1hvJTBXYv1RCvBVdK_360.jpg",
                        sjming: "天梭/Tissot手表 力洛克系列 钢带皮带机械男表(T41.1.483.52)",
                        sjjg: "￥",
                        sjjgshu: "2799.00"
                    },
                    {
                        sjtu: "//gfs17.gomein.net.cn/T16iEvBvJT1RCvBVdK_360.jpg",
                        sjming: "【九阳品质厨电】九阳 （Joyoung）DJ13B-D82SG 豆浆机",
                        sjjg: "￥",
                        sjjgshu: "388.00"
                    },
                    {
                        sjtu: "//gfs17.gomein.net.cn/T1Xv__BXbT1RCvBVdK_260.jpg",
                        sjming: "欧麦斯8098加热破壁料理机破壁机家用多功能榨汁机原汁机搅拌机避免糊底",
                        sjjg: "￥",
                        sjjgshu: "1280.00"
                    },
                    {
                        sjtu: "//gfs17.gomein.net.cn/T19sJTBsVT1RCvBVdK_360.jpg",
                        sjming: "喜芬妮春秋桑蚕丝长袖性感蕾丝花边女式睡衣家居服二件套礼盒(1688绯红)",
                        sjjg: "￥",
                        sjjgshu: "1999.00"
                    },
                    {
                        sjtu: "//gfs17.gomein.net.cn/T1rkEvBCLg1RCvBVdK_360.jpg",
                        sjming: "POWER DEKOR夏季新款女凉鞋拖鞋超纤皮时尚休闲松糕底2725G95336(绿色 39)",
                        sjjg: "￥",
                        sjjgshu: "299.00"
                    },
                    {
                        sjtu: "//gfs17.gomein.net.cn/T1WxdTB5Av1RCvBVdK_360.jpg",
                        sjming: "祥融沙发实木沙发组合 中式客厅实木布艺沙发转角木沙发组合多功能沙发床带储物抽屉沙发",
                        sjjg: "￥",
                        sjjgshu: "5399.00"
                    },
                    {
                        sjtu: "//gfs17.gomein.net.cn/T137ZvBTDv1RCvBVdK_360.jpg",
                        sjming: "南极人 凉席两件套 单人床学生宿舍上下铺席子夏季冰丝凉席(藤席太阳花 1.2m床)",
                        sjjg: "￥",
                        sjjgshu: "58.00"
                    },
                    {
                        sjtu: "//gfs17.gomein.net.cn/T1U5ZvB_xQ1RCvBVdK_260.jpg",
                        sjming: "42度洋河蓝色经典海之蓝480ml 绵柔国产 江苏白酒",
                        sjjg: "￥",
                        sjjgshu: "148.00"
                    }
                ]

            } 
        }
    }
</script>
<style scoped lang="less">
    .px2rem(@name, @px) {
      @{name}: @px / 75 * 1rem;
    }
    .box{
        font-family: "微软雅黑";
        .hade{
            width: 100%;
            .px2rem(height,100);
            display: flex;
            align-items: center;
            background: #fff;
            position: fixed;
            top: 0;
            left: 0;
            z-index: 100;
            .xiaotu{
               width: 18%;
               height: 100%;
               display: flex;
               justify-content: center;
               align-items: center;
               img{
                   .px2rem(width,82);
                   .px2rem(height,82);
               }
            }
            input{
                flex: 1;
                .px2rem(height,70);
                background: #eee;
                color: #ccc;
                .px2rem(font-size,34);
                border-radius: 50px;
                outline: none;
            }
            span{
                width: 10%;
                height: 100%;
                .px2rem(font-size,48);
                line-height: 2;
            }
            p{
                width: 12%;
                height: 100%;
                .px2rem(font-size,36); 
                line-height: 2.8;
                text-align: center;
            }
        }
        .tu{
            .px2rem(padding-top,100);
            width: 100%;
            .swpr{
                .wpr{
                    .px2rem(height,300);
                    img{
                        width: 100%;
                        height: 100%;
                    }
                }
            }
        }
       .fenlei{
           width: 100%;
           display: flex;
           flex-wrap: wrap;
           .px2rem(padding-top,10);
           dl{
                width: 20%;
               .px2rem(height,152);
               text-align: center;
               dt{
                 .px2rem(padding-top,15);
                  img{
                     .px2rem(width,140);
                     .px2rem(height,85);
                  }        
               }
               dd{
                   .px2rem(font-size,28); 
                   .px2rem(padding-top,8);        
               }
           }
       }
      .yuantu{
          width: 100%;
          .px2rem(height,226);
          border-bottom: 2px solid #ccc;
          img{
            width: 100%; 
            .px2rem(height,226);      
          }
        }
       .toutiao{
           display: flex;
           .px2rem(height,100);
           border-bottom: 8px solid #ccc;
           .left{
               width: 30%;
               display: flex;
               justify-content: center;
               align-items: center;
               p{
                   .px2rem(font-size,38);
                   font-weight: bold;
               }
               span{
                   .px2rem(width,40);
                   .px2rem(height,40);
                   background: red;
                   .px2rem(font-size,34);
                   font-weight: bold;
                   color: #eee;
                   text-align: center;
                   .px2rem(margin-left,8);
                   line-height: 1.1;
               }
           }
           .right{
                width: 70%;
               .px2rem(height,100);
               .swpd{
                    width: 95%;
                    .px2rem(height,100);
                  .wprd{
                      width: 100%;
                      display: flex;
                      justify-content: center;
                      align-items: center;
                      p{
                        background: red;
                        color: #fff;
                        .px2rem(font-size,32);
                        font-weight: 700;
                        .px2rem(width,130);
                        .px2rem(height,40);
                        text-align: center;
                        line-height: 1.2;
                      }
                      h6{
                        .px2rem(font-size,30);
                        .px2rem(padding-left,10);
                        box-sizing: border-box;
                      }
                  }
               }
           }
       }
       .timu{
           width: 98%;
           .px2rem(height,65);
           border-left: 3px solid red;
           display: flex;
           justify-content: space-between;
           .px2rem(margin-top,15);
           .tileft{
               height: 100%;
               p{
                   .px2rem(font-size,30);
                   line-height: 2;
                   .px2rem(padding-left,10);

               }
           }
           .tiright{
                height: 100%;
                display: flex;
                align-items: center;
               p{
                   .px2rem(font-size,30);

               }
               span{
                   .px2rem(font-size,38);
                   color: red;
               }
           }
       }
       .qiehuan{
           .px2rem(height,260);
            width: 100%;
           .swpqh{
                display: flex;
               .wprd{
                    width: 25%;
                    height: 100%;
                   img{
                       .px2rem(width,150);
                       .px2rem(height,160);                     
                   }
                   p{
                       .px2rem(font-size,32);
                       .px2rem(padding-top,13);

                   }
                   h6{
                       .px2rem(font-size,32);
                       color: #ccc;
                       .px2rem(padding-top,10);
                   }
               }
           }
       }
       .zhuan{
           display: flex;
           .px2rem(margin-top,16);
           border-top: 2px solid #ccc;
           .zhuanLeft{
               width: 40%;
               .px2rem(height,345);
               border-right: 2px solid #ccc;
               
               h2{
                   .px2rem(font-size,34);
                   color: aqua;
                   .px2rem(padding-left,15);
                   line-height: 1.4;
               }
               .swpzh{
                   .wpzh{
                       width: 100%;
                       .px2rem(height,290);
                       position: relative;
                       h6{
                           .px2rem(font-size,28);
                           color: #ccc;
                           .px2rem(padding-top,12);
                           text-align: center;
                       }
                       p{
                           .px2rem(font-size,32);
                           font-weight: 800;
                           .px2rem(padding-top,10);
                           color: red;
                       }
                       img{
                           width: 90%;
                           .px2rem(height,170);
                           .px2rem(margin-left,15);
                           .px2rem(margin-top,20);
                       }


                       .dingwei{
                            .px2rem(width,120);
                            .px2rem(height,120);
                            background: rgba(69, 184, 233, 0.4);                     
                            border-radius: 50%;
                            position: absolute;
                            .px2rem(top,50);
                            .px2rem(right,14);
                            z-index: 999;
                            h5{
                                .px2rem(font-size,30);
                                text-align: center;
                                .px2rem(margin-top,23);
                                color: #eee;
                            }
                        }

                   }
               }
               
           }
           .zhuanRight{
               flex: 1;
               .px2rem(height,345);
               .shanghe{
                   .px2rem(height,135);
                   display: flex;
                   border-bottom: 2px solid #ccc;
                   .fcp{
                        width: 60%;
                        display: flex;
                        flex-direction: column;
                        h4{
                            .px2rem(font-size,34);
                            color: #b124cb;
                            line-height: 1.4;
                            .px2rem(padding-left,12);
                            box-sizing: border-box;
                        }
                        p{
                            .px2rem(font-size,28);
                            color: #ccc;
                            text-align: center;
                        }
                        span{
                            .px2rem(font-size,30);
                            color: #555;
                            .px2rem(padding-top,12);
                        }
                    }
                   .fig{
                        flex: 1;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        img{
                            .px2rem(width,142);
                            .px2rem(height,100);
                        }
                   }
               }
               .xiahe{
                   .px2rem(height,210);
                    display: flex;
                    .hyi,.her{
                        flex: 1;
                        h4{
                            .px2rem(font-size,34);
                            color: #ff5939;
                            .px2rem(padding-left,30);            
                            line-height: 1.4;
                            box-sizing: border-box;
                        }
                        p{
                            .px2rem(font-size,30);
                            color: #ccc; 
                            line-height: 1.2;
                            text-align: center;
                        }
                        .xtu{
                            width: 100%;
                            display: flex;
                            justify-content: center;
                            img{
                                .px2rem(width,96);
                                .px2rem(height,115);
                            }
                        }
                    }
                    .her{
                        border-left: 2px solid #ccc;
                        h4{
                            color: #04a758;
                        }
                    }
               }
           }
       }
       .santu{
           background: #ccc;
           .tufig{
               .px2rem(height,200);
               .px2rem(padding-top,9);
               img{
                   width: 100%;
                   height: 100%;
               }
           }
           .bufig{
               .px2rem(height,200);
               display: flex;
               img{
                   flex: 1;
                   height: 100%;
               }
           }
       }
       .remen{
           background: #eee;
           .px2rem(margin-top,5);
           .px2rem(height,100);
           display: flex;
           justify-content: center;
           img{
               height: 100%;
           }
       }
       .zuohua{
           .px2rem(height,240);
           .px2rem(padding-top,15);
            .swpzhua{
                width: 100%;
                height: 100%;
                position: relative;
                img{
                    position: absolute;
                    .px2rem(top,0);
                    .px2rem(left,85);
                    .px2rem(width,145);
                    .px2rem(height,145);
                    border-radius: 50%;
                    z-index: 300;
                }
                .wzxah{
                    
                    width: 80%;
                    .px2rem(height,136);
                    background: #eee;
                    position: absolute;
                    .px2rem(bottom,0);
                    .px2rem(left,28);
                    h6{
                        .px2rem(font-size,32);
                        text-align: center;
                       .px2rem(padding-top,44);
                    }
                    p{
                        .px2rem(font-size,28);
                        color: #555;
                        display: flex;
                        justify-content: space-around;
                        line-height: 1.9
                    }
                }
            }
       }
       .zuozi{
           .px2rem(padding-top,20);
          .zixuan{
              display: flex;
              .px2rem(height,230);
              border-top: 9px solid #ccc;
              .ziLeft{
                  flex: 1;
                   h5{
                        .px2rem(font-size,32);
                        .px2rem(height,60);
                        line-height: 2;
                        .px2rem(padding-left,14);
                        box-sizing: border-box;
                   }
                   h6{
                       .px2rem(font-size,32);
                       color: #ccc;
                       .px2rem(height,110);
                       .px2rem(padding-left,14);
                       box-sizing: border-box;
                       line-height: 1.4;
                   }
                   p{
                       .px2rem(font-size,30);
                       color: #555;
                       display: flex;
                       justify-content: space-around;
                      .px2rem(height,60);
                       line-height: 2;
                       .px2rem(padding-left,10);
                       box-sizing: border-box;
                       span{
                          i{
                              img{
                                  .px2rem(width,45);
                                  .px2rem(height,33);
                              }
                          }
                       }
                   }
              }
              .ziRight{
                  width: 35%;
                  height: 100%;
                  display: flex;
                  justify-content: center;
                  align-items: center;
                  img{
                      .px2rem(width,200);
                      .px2rem(height,180);
                  }
              }
          } 
       }
       .imgtimu{
           background: #eee;
           .px2rem(height,100);
           width: 100%;
           position: relative;
            text-align: center;
           img{
             
               height: 100%;
               .px2rem(width,400);
           }
           .imgyou{
               .px2rem(width,180);
               .px2rem(height,100);
               display: flex;
               justify-content: center;
               align-items: center;
               position: absolute;
               right: 0;
               top: 0;
               p{
                   .px2rem(font-size,32);
               }
               span{
                   .px2rem(font-size,36);
                   color: red;
               }
           }
       }
       .caise{
           display: flex;
           .px2rem(height,300);
           .caiLeft{
               flex: 1;
               height: 100%;
               border-right: 1px solid #ccc;
               text-align: center;
               img{
                  .px2rem(width,330);
                  .px2rem(height,270);
                  .px2rem(margin-top,10);
               }
           }
           .caiRight{
               flex: 1;
               height: 100%;
               p,h6{
                   height: 50%;
                   text-align: center;
                   img{
                        .px2rem(width,330);
                        .px2rem(height,135);
                        .px2rem(margin-top,10);
                   }
               }
               p{
                   border-bottom: 1px solid #ccc;
               }
             
           }
        }
        .caixia{
            display: flex;
            .px2rem(height,340);
            .xiaLeft,.xiaRight{
                flex: 1;
                height: 100%;
                p,h6{
                    height: 50%;
                    text-align: center;
                    img{
                        .px2rem(width,330);
                        .px2rem(height,152);
                        .px2rem(margin-top,10);
                    }
                }
                p{
                    border-bottom: 1px solid #ccc;
                }
            }
            .xiaLeft{
                border-right: 1px solid #ccc;
            }
        }
        .sanLuntu{
            background: #eee;
            .px2rem(padding-top,22);
            .px2rem(height,182);
            border-bottom: 1px solid #fff;
            .swprLy{
                .wprLy{
                    width: 100%;
                    height: 100%;
                    img{
                        width: 100%;
                        height: 100%; 
                    }
                }
            }
        }
        .zhuanqu{
            width: 100%;
            .px2rem(height,100);
            background: #eee;
            position: relative;
            text-align: center;
            img{
                .px2rem(width,400);
                height: 100%;
            }
            .zhuanRight{
                .px2rem(width,180);
                .px2rem(height,100);
                display: flex;
                justify-content: center;
                align-items: center;
                position: absolute;
                right: 0;
                top: 0;
                p{
                    .px2rem(font-size,32);
                }
                span{
                    .px2rem(font-size,36);
                    color: red;
                }
            }
        }
        .haohuo{
            .px2rem(height,300);
            img{
                width: 100%;
                .px2rem(height,300);
            }
        }
        .zhutijie{
            width: 100%;
            .px2rem(height,100);
            text-align: center;
            background: #eee;
            img{
                .px2rem(width,400);
                height: 100%;
            }
        }
        .liugetu{
            ul{
                display: flex;
                flex-wrap: wrap;
                li{
                   flex: 1;
                   .px2rem(height,200);
                   text-align: center;
                   img{
                       .px2rem(width,340);
                       .px2rem(height,165);
                       .px2rem(margin-top,14);
                   }
                }
                li:nth-child(1n-2){
                    border-right: 1px solid #ccc;
                    border-bottom: 1px solid #ccc;
                }
            }
        }
        .jiadian{
            .px2rem(height,100);
            text-align: center;
            background: #eee;
            img{
                .px2rem(width,400);
                height: 100%;
            }
        }
        .jiadianyi{
            .jiaTop{
                display: flex;
                p,h6{
                    width: 50%;
                    .px2rem(height,200);
                    text-align: center;
                    img{
                        .px2rem(width,350);
                        .px2rem(height,173);
                        .px2rem(margin-top,20);
                    }
                }
                p{
                    border-right: 1px solid #ccc;
                }
            }
            ul{
                display: flex;
                .px2rem(height,255);
                li{
                    flex: 1;
                    height: 100%;
                    text-align: center;
                    border-right: 1px solid #ccc;
                    border-top: 1px solid #ccc;
                    img{
                        .px2rem(width,180);
                        .px2rem(height,220);
                        .px2rem(margin-top,20);
                    }
                }
                li:last-child{
                    border-right: none;
                }
            }
        }
        .pinshenghuo{
            .px2rem(height,100);
            text-align: center;
            background: #eee;
            img{
                .px2rem(width,400);
                height: 100%;
            }
        }
        ._pin{
            .px2rem(height,380);
            display: flex; 
            border-bottom: 1px solid #ccc; 
            .fgmgLf,.fgmgRg{
                flex: 1;
                height: 100%;
                display: flex;
                flex-direction: column;
                img{
                   .px2rem(width,360);
                   .px2rem(height,190);
                    margin: auto;
                }
            }
            .fgmgLf{
                border-right: 1px solid #ccc;
            }
        }
        .shxiatu{
            ul{
                display: flex;
                border-bottom: 1px solid #ccc;
                li{
                   flex: 1;
                   display: flex;
                   flex-direction: column;
                   .px2rem(height,420);
                   border-right: 1px solid #ccc;
                   i,span{
                        margin: 2px auto; 
                       img{
                            .px2rem(width,180);
                            .px2rem(height,204);   
                       }
                   }
                 
                }
                li:last-child{
                    border-right: none;
                }
            }
        }
        .lunbo2{
            .px2rem(height,210);
            background: #eee;
            display: flex;
            align-items: center;
            .splb{
                .px2rem(height,180);
                .splbg{
                    img{
                        width: 100%;
                        height: 100%;
                    }
                }
            }
        }
        .jrlc{
            .px2rem(height,100);
            background: #eee;
            text-align: center;
            img{
                .px2rem(width,400);
                .px2rem(height,100);
            }
        }
        .lctu{
            display: flex;
            .lclet{
                width: 40%;
                .px2rem(height,360);
                text-align: center;
                img{
                    .px2rem(width,274);
                    .px2rem(height,360);
                }
            }
            .lcrigt{
                width: 60%;
                .px2rem(height,360);
                display: flex;
                flex-wrap: wrap;
                justify-content: space-between;
                align-content: space-between;
               p{
                   flex: 1;
                   .px2rem(height,178);
                   text-align: center;
                    img{
                        .px2rem(width,220);
                        .px2rem(height,178);
                    }
               }
            }
        }
        .hdtj{
            .px2rem(height,100);
            width: 100%;
            background: #eee;
            text-align: center;
            position: relative;
            img{
                .px2rem(width,400);
                .px2rem(height,100);
            }
            span{
                .px2rem(width,50);
                .px2rem(height,100);
                position: absolute;
                top: 0;
                right: 0;
                text-align: center;
                line-height: 2.5;
                .px2rem(font-size,40);
                display: block;
                color: red;
            }
        }
        .jzjc{
            width: 96%;
            margin: 12px auto;
            display: flex;
            justify-content: space-between;
            .jzjcLft{
                width: 55%;
                border: 1px solid #ccc;
                figcaption{
                    .px2rem(font-size,30);
                    line-height: 2;
                    .px2rem(padding-left,12);
                    box-sizing: border-box;
                }
                ul{
                    .px2rem(height,230);
                    display: flex;
                    flex-wrap: wrap;
                    .lisLeft{
                        width: 62%;
                        .px2rem(height,230);
                        text-align: center;
                        img{
                            .px2rem(width,225);
                            .px2rem(height,230);
                        }
                    }
                    .listRt{
                        width: 38%;
                        .px2rem(height,230);
                        display: flex;
                        flex-direction: column;
                        align-content: space-between;
                        img{
                            .px2rem(width,116);
                            .px2rem(height,106);
                            margin: auto;
                        }
                    }
                }
                p{
                    .px2rem(font-size,30);
                    color: #ccc;
                    line-height: 2;
                    .px2rem(padding-left,12);
                    box-sizing: border-box;
                }
            }
            .jzjcRigt{
                width: 42%;
                border: 1px solid #ccc;
                display: flex;
                flex-direction: column;
                figcaption{
                    .px2rem(font-size,30);
                    line-height: 2;
                    .px2rem(padding-left,12);
                    box-sizing: border-box;
                }
                figure{
                    .px2rem(height,230);
                    text-align: center;
                    img{
                        .px2rem(width,260);
                        .px2rem(height,230);
                    }
                }
                p{
                    .px2rem(font-size,30);
                    color: #ccc; 
                    line-height: 2;
                    .px2rem(padding-left,12);
                    box-sizing: border-box;
                }
            }
        }
        .yuanli{
            .px2rem(height,240);
            display: flex;
            align-items: center;
            background: #eee;
            .yuanliLft,.yuanliRight{
                flex: 1;
                .px2rem(height,210);
                img{
                   width: 100%;
                   height: 100%;
                
                }
            }
        }
        .xhbt{
            .px2rem(height,80);
            background: #eee;
            text-align: center;
            h4{
                .px2rem(font-size,36);
                color: #666;
                line-height: 1.8;
            
            }
        }
        .xhbt::after{
            content: "";
            display: block;
            border-bottom: 1px solid #999;
            width: 40%;
            margin: auto;
            .px2rem(margin-top,-30);
        }
        .xuanranXJ{
            background: #eee;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-around;
            .px2rem(padding-bottom,105);
            dl{
                width: 48%;
                .px2rem(height,450);
                background: #fff;
                .px2rem(margin-top,12);
                dt{
                    .px2rem(height,260);
                    text-align: center;
                    .px2rem(padding-top,10);
                    img{
                        width: 90%;
                        .px2rem(height,250);
                        .px2rem(margin-top,5);
                    }
                }
                .ddwenzi{
                    .px2rem(height,100);
                    .px2rem(font-size,28);
                    color: #666;
                    .px2rem(padding-left,8);
                    .px2rem(padding-top,15);
                }
                .ddjg{
                    .px2rem(height,60);
                    .px2rem(font-size,30);
                    .px2rem(line-height,60);
                    color: red;
                    span{
                      .px2rem(padding-left,8);
                      box-sizing: border-box;
                    }
                  
                }
            }
        }








    }




</style>
